<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ page session="false"%>
<!DOCTYPE html>
<html>
<head>
<!--  -->
<!--style for trustRegionDetail  -->
<link rel="stylesheet"
	href="<c:url value="/resources/css/easy-responsive-tabs.css" />"
	type="text/css">

<link rel="stylesheet"
	href="<c:url value="/resources/css/bootstrap.min.css" />"
	type="text/css">

<link
	href="//cdn.datatables.net/plug-ins/725b2a2115b/integration/bootstrap/3/dataTables.bootstrap.css"
	rel="stylesheet" type="text/css" />
<!-- <link href="<c:url value="/resources/css/dataTables.bootstrap.css" />"
	rel="stylesheet" type="text/css" /> -->
<link rel="stylesheet" href="./resources/css/reset-yui.css">
<link rel="stylesheet" href="./resources/css/mock.css">
<link rel="stylesheet" href="./resources/css/menu.css">
<link rel="stylesheet" href="./resources/css/custom.css">
<!-- Script -->
<script src="./resources/js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="./resources/js/jquery.dataTables.min.js"
	type="text/javascript"></script>
<script src="./resources/js/dataTables.bootstrap.js"
	type="text/javascript"></script>
<script src="./resources/js/bootstrap.min.js" type="text/javascript"></script>

</head>
<body>
	<!--This template is separated into 2 parts-->
	<!--This is part 1-->
	<div id="wrap-page">
		<div id="page" style="padding-bottom: 60px;">
			<div class="header">
				<div class="logo">
					<h1>
						<span class="hyper">ServiceDirectory</span> <small>UIT_007_J3.1</small>
					</h1>
					<p id="welcome-user">
						<span>Welcome <b>user</b>,
						</span> <a id="logout" href="#" class="ms_last ms_top">Logout</a>
					</p>
				</div>
				<div id="nav2">
					<ul class="menusm">
						<!--                 	current page need to add "active" class -->
						<li class="first ms_first ms_top active"><a id="homepage"
							href="." class="ms_first ms_top">Homepage </a></li>
						<li class="ms_top"><a id="programme" href="#"
							class="ms_top">Programme</a></li>
						<li class="ms_top"><a id="contact" href="#"
							class="ms_top">Contacts</a></li>
						<li class="ms_top"><a id="trustregion"
							href="ListTrustRegion.html" class="ms_top">
								Trust Region Maintenance</a></li>
						<li class="ms_top"><a id="government"
							href="governmentOfficeRegion.html" class="ms_last ms_top">
								Government Office Region</a></li>
					</ul>
					<div class="clr"></div>
				</div>
				<div id="nav2">
					<ul class="menusm">
					</ul>
					<div class="clr"></div>
				</div>
			</div>
			<div class="clr"></div>